<template>
	<view class="show-line-item" @click="clickHandler">
		<image :src="img" mode="aspectFill"></image>
		<secTitle class="secTitle" :title="title" color="#B9AC90" :showMore="true" type="show"
			moreText="查看">
		</secTitle>
	</view>
</template>

<script>
	import secTitle from './secTitle.vue'
	export default {
		components:{
			secTitle
		},
		props:{
			id:String,
			title:String,
			img:String
		},
		methods:{
			clickHandler(){
				this.$emit("clickHandler",this.id)
			}
		}
	}
</script>

<style>
	.show-line-item{
		margin: 20rpx 20rpx 0rpx 20rpx;
		width: calc(100% - 40rpx);
		display: flex;
		flex-direction: column;
		background: #fff;
	}
	image {
		width: 100%;
		height: 400rpx;
	}
	
	.secTitle{
		width: calc(100% - 40rpx);
	}
</style>
